<!DOCTYPE html>
<html lang="en">

<head>
	<title>3D全景室内</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<style>
		body {
			background-color: #000000;
			margin: 0px;
			overflow: hidden;
		}

		#info {
			position: absolute;
			top: 0px;
			width: 100%;
			color: #ffffff;
			padding: 5px;
			font-family: Monospace;
			font-size: 13px;
			font-weight: bold;
			text-align: center;
		}

		a {
			color: #ffffff;
		}

		#mask {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			background-color: lightslategray;
			opacity: 0.8;
			display: flex;
			justify-content: center;
			align-items: center;

			flex-direction: column;
		}

		.one {
			font-size: 20px;
			color: white;
		}

		.two {
			font-size: 16px;
			color: lightskyblue;
			margin-top: 10px;
		}

		a {
			text-decoration: none;
			color: lightcoral;
		}

		.center
		{
			width:200px;
			height: 80px;
			background-color: lightseagreen;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-direction: column;
		}
	</style>
	<link rel="stylesheet" href="dist/src/css/animate.min.css">
</head>

<body>

	<div id="container"></div>


	<div id="mask" class="animated bounceInDown">
		<div class="center">
			<div class="one">正在拼命加载中...</div>
			<div class="two">制作人:<a href="https://gitee.com/xueyejinghong" target="_blank">雪夜惊鸿</a></div>
		</div>

	</div>



	<script src="src/lib/three.js"></script>
	<script src="src/js/mouseTouchControl.js"></script>
	<script src="src/js/makeFrontCanvas.js"></script>
	<script src="src/js/index.js"></script>



	<!-- <script src="dist/src/js/main.js"></script> -->
	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
	<script>
		$(function () {
			setTimeout(function(){
				$("#mask").addClass("rollOut");
			},2000);

		});
	</script>

</body>

</html>